<template>

<a-drawer :width="960" :height="340" :visible="visibles" placement="left" unmountOnClose @ok="handleOk"
        @cancel="handleCancel">
        <template #title>
            导航地图管理
        </template>
        <device-map :curDevieInfo="curDevieInfo"  :client="client" :isSuccess="isSuccess"  @mapNameSet="mapNameHandel"></device-map>
    </a-drawer>
    <!-- <a-modal v-model:visible="visibles" fullscreen :footer="false" @close="proCloseHandel" v-if="visibles">
        <template #title>地图管理</template>

        <device-map :curDevieInfo="curDevieInfo" v-if="curDevieInfo" :client="client"></device-map>


    </a-modal> -->
</template>

<script setup>
import { ref, reactive,defineEmits } from 'vue'
import { Message } from '@arco-design/web-vue'
import DeviceMap from '@/views/system/deviceMap/index.vue'
// import { useProStore } from '@/store'
// const proStore = useProStore()
const visibles = ref(false)
const crudRef = ref()
const curDevieInfo = ref([])
const warnInfo = ref([])
let producttions = reactive([])
const emits = defineEmits()
const proCloseHandel = () => {
    visibles.value = false
    // proStore.clearProid()
}
const props = defineProps(["client","isSuccess"]);

// console.log(props.client);
const open = (row) => {
    console.log(row)
    visibles.value = true
    curDevieInfo.value = row
}
const mapNameHandel = (map_name)=>{
      console.log(map_name)
      emits("mapNameSet",map_name)
}
const handleOk = () => {
    visibles.value = false;
};
const handleCancel = () => {
    visibles.value = false;
}
defineExpose({ open })
</script>

<style scoped>
.pro_info {
    margin-left: 30px;
}
</style>